<template>
    <div>
        <header><slot name="header"></slot></header>
        <main><slot></slot></main>
        <footer><slot name="footer"></slot></footer>
      <!-- <p><slot></slot></p> -->
    </div>
  </template>
  
  <script>
  export default {
    name: 'MyComponent'
  };
  </script>
  